﻿<!doctype html>
<html lang="zxx">
    <head>
		<!--=== Required meta tags ===-->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

		<!--=== CSS Link ===--> 
		<link rel="stylesheet" href="assets/css/bootstrap.min.css">
		<link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
		<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
		<link rel="stylesheet" href="assets/css/icofont.min.css">
		<link rel="stylesheet" href="assets/css/font-awesome-pro.css">
		<link rel="stylesheet" href="assets/css/meanmenu.css">
		<link rel="stylesheet" href="assets/css/magnific-popup.min.css">
		<link rel="stylesheet" href="assets/css/scrollcue.css">
		<link rel="stylesheet" href="assets/css/style.css">
		<link rel="stylesheet" href="assets/css/responsive.css">
		<link rel="stylesheet" href="assets/css/contact.css" />
		
		<!--=== Favicon ===-->
		<!-- <link rel="icon" type="image/png" href="assets/images/favicon.png"> -->
		<!--=== Title ===-->
		<title>Saildefenser</title>
    </head>

    <body>
		<!--=== Start Preloader Section ===-->
		<div class="preloader">
            <div class="content">
                <div class="ball"></div>
                <div class="ball"></div>
                <div class="ball"></div>
                <div class="ball"></div>
                <div class="ball"></div>
                <div class="ball"></div>
                <div class="ball"></div>
                <div class="ball"></div>
                <div class="ball"></div>
                <div class="ball"></div>
            </div>
        </div>
		<!--=== End Preloader Section ===-->

		<!--=== Start Navbar Section ===-->
		<div class="navbar-section">
			<!--=== Start Main Navbar Section ===-->
			<div class="main-nav">
				<div class="container">
					<nav class="navbar navbar-expand-md navbar-light">
						<a class="navbar-brand" href="index.html">
							<img class="logo" src="assets/images/logo.png" alt="Logo">
						</a> 
						
						<div class="collapse navbar-collapse for-mobile-menu" id="navbarSupportedContent">
							<ul class="navbar-nav m-auto">
								<li class="nav-item">
									<a href="index.html" class="nav-link">
										Home             
									</a>
								</li>
								<li class="nav-item">
									<a href="projects.html" class="nav-link active active-55">Projects</a>
								</li>
								<li class="nav-item">
									<a href="applications.html" class="nav-link">Applications</a>
								</li>
								<li class="nav-item">
									<a href="about-us.html" class="nav-link">About Us</a>
								</li>
								<li class="nav-item">
									<a href="contact-us.html" class="nav-link">Contact Us</a>
								</li>
							</ul>
						</div>
					</nav>
				</div>
			</div>
			<!--=== End Main Navbar Section ===-->

			<!--=== Start Mobile Navbar Section ===-->
			<div class="mobile-nav">
				<div class="container">
					<div class="mobile-menu">
						<div class="logo">
							<a href="index.html">
								<img src="assets/images/logo.png" alt="Logo">
							</a>
						</div>
					</div>
				</div>
			</div>
			<!--=== End Mobile Navbar Section ===-->
		</div>
		<!--=== End Navbar Section ===-->

		<!--=== Start Page Banner Section ===-->
		<div class="page-banner-section banner-section bg-img pt-50 pb-50" data-background="./assets/images/banner/banner-bg.jpg">
			<div class="container">
				<div class="row">
					<div class="col-lg-5">
						<div class="page-banner-img" data-cues="fadeIn" data-group="images">
							<img src="assets/images/banner/banner-bg-sd.png" alt="page-banner-img">
						</div>
					</div>
					<div class="col-lg-7">
						<div class="page-banner-content">
							<h2>Self-introduction</h2>
							<p>Self-introduction</h2>
							<p>Self-introduction</h2>
							<p>Self-introduction</h2>
							<!-- <nav aria-label="breadcrumb">
								<ul class="breadcrumb">
									<li class="breadcrumb-item"><a href="index.html">Home</a></li>
								</ul>
							</nav> -->
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--=== End Page Banner Section ===-->

		<!--=== Start Dedicated Section ===-->
		<section class="dedicated-area pt-100 pb-70 bg-img" data-background="./assets/images/dedicated-bg-shape.png">
			<div class="container">
				<div class="main-section-title">
					<span class="top-title">DEDICATED ARTIFICIAL INTELLIGENCE</span>
					<h2>Get Benefits of using latest Artificial Intelligence</h2>
				</div>

				<div class="row justify-content-center">
					<div class="col-lg-4 col-sm-6">
						<div class="main-dedicated-item">
							<div class="icon">
								<img src="assets/images/icon/quick.png" alt="quick">
							</div>
							<h3>Quick Innovative Solutions</h3>
							<p>There are many variations of passages of Lorem available, but the majority suffered alteration in some form,</p>
						</div>
					</div>

					<div class="col-lg-4 col-sm-6">
						<div class="main-dedicated-item">
							<div class="icon">
								<img src="assets/images/icon/quick.png" alt="quick">
							</div>
							<h3>Super Flexible Pricing</h3>
							<p>There are many variations of passages of Lorem available, but the majority suffered alteration in some form,</p>
						</div>
					</div>

					<div class="col-lg-4 col-sm-6">
						<div class="main-dedicated-item">
							<div class="icon">
								<img src="assets/images/icon/quick.png" alt="quick">
							</div>
							<h3>Fast & Flexible Support</h3>
							<p>There are many variations of passages of Lorem available, but the majority suffered alteration in some form,</p>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--=== End Dedicated Section ===-->

		<!--=== Start Services Section Section ===-->
		<section class="services-section services-shape bg-img bg-top-style ptb-100" data-background="./assets/images/services/services-bg.png">
			<div class="container">
				<div class="main-section-title white-title">
					<span class="top-title">SERVICES WE PROVIDE</span>
					<h2>Great Business Solutions System Robotic Analysis</h2>
				</div>
				
				<div class="row justify-content-center">
					<div class="col-lg-4 col-sm-6">
						<div class="main-services-item">
							<div class="icon">
								<img src="assets/images/icon/automation.png" alt="automation">
							</div>
							<h3>
								<a href="single-services.html">Robotic Automation</a>
							</h3>
							<p>Duis aute irure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur reprehenderit.</p>
							<a href="single-services.html" class="main-detail-btn">
								Read More
								<i class="fa-regular fa-circle-right"></i>
							</a>
						</div>
					</div>

					<div class="col-lg-4 col-sm-6">
						<div class="main-services-item">
							<div class="icon">
								<img src="assets/images/icon/analysis.png" alt="analysis">
							</div>
							<h3>
								<a href="single-services.html">Predictive Analysis </a>
							</h3>
							<p>Duis aute irure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur reprehenderit.</p>
							<a href="single-services.html" class="main-detail-btn">
								Read More
								<i class="fa-regular fa-circle-right"></i>
							</a>
						</div>
					</div>

					<div class="col-lg-4 col-sm-6">
						<div class="main-services-item">
							<div class="icon">
								<img src="assets/images/icon/learning.png" alt="learning">
							</div>
							<h3>
								<a href="single-services.html">Machine Learning </a>
							</h3>
							<p>Duis aute irure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur reprehenderit.</p>
							<a href="single-services.html" class="main-detail-btn">
								Read More
								<i class="fa-regular fa-circle-right"></i>
							</a>
						</div>
					</div>

					<div class="col-lg-4 col-sm-6">
						<div class="main-services-item">
							<div class="icon">
								<img src="assets/images/icon/metal.png" alt="metal">
							</div>
							<h3>
								<a href="single-services.html">Metal And Machining</a>
							</h3>
							<p>Duis aute irure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur reprehenderit.</p>
							<a href="single-services.html" class="main-detail-btn">
								Read More
								<i class="fa-regular fa-circle-right"></i>
							</a>
						</div>
					</div>

					<div class="col-lg-4 col-sm-6">
						<div class="main-services-item">
							<div class="icon">
								<img src="assets/images/icon/electronics.png" alt="electronics">
							</div>
							<h3>
								<a href="single-services.html">Electronics & Technology</a>
							</h3>
							<p>Duis aute irure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur reprehenderit.</p>
							<a href="single-services.html" class="main-detail-btn">
								Read More
								<i class="fa-regular fa-circle-right"></i>
							</a>
						</div>
					</div>

					<div class="col-lg-4 col-sm-6">
						<div class="main-services-item">
							<div class="icon">
								<img src="assets/images/icon/science.png" alt="science">
							</div>
							<h3>
								<a href="single-services.html">Educaation & Science</a>
							</h3>
							<p>Duis aute irure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur reprehenderit.</p>
							<a href="single-services.html" class="main-detail-btn">
								Read More
								<i class="fa-regular fa-circle-right"></i>
							</a>
						</div>
					</div>

					<div class="col-lg-12">
						<div class="pagination">
							<a href="#" class="next page-count hover-style">
								<div class="inner-border">
									<i class="icofont-simple-left"></i>
								</div>
							</a>
							<a href="#" class="page-count current hover-style" aria-current="page">
								<div class="inner-border">1</div>
							</a>
							<a href="#" class="page-count hover-style">
								<div class="inner-border">2</div>
							</a>
							<a href="#" class="page-count hover-style">
								<div class="inner-border">3</div>
							</a>
							<a href="#" class="page-count hover-style">
								<div class="inner-border">4</div>
							</a>
							
							<a href="#" class="next page-count hover-style">
								<div class="inner-border">
									<i class="icofont-simple-right"></i>
								</div>
							</a>
						</div>
					</div>
				</div>
			</div>

			<img src="assets/images/services/services-shape-1.png" class="shape shape-1" alt="services-shape-1">
			<img src="assets/images/services/services-shape-2.png" class="shape shape-2" alt="services-shape-2">
		</section>
		<!--=== End Services Section Section ===-->
		
		<!--=== Start Partner Section ===-->
		<div class="partner-area bg-color-f8f8f9 ptb-100">
			<div class="container">
				<div class="partner-slide owl-carousel owl-theme">
					<div class="partner-item">
						<img src="assets/images/partner/partner-1.png" alt="partner-1">
					</div>
					<div class="partner-item">
						<img src="assets/images/partner/partner-2.png" alt="partner-2">
					</div>
					<div class="partner-item">
						<img src="assets/images/partner/partner-3.png" alt="partner-3">
					</div>
					<div class="partner-item">
						<img src="assets/images/partner/partner-4.png" alt="partner-4">
					</div>
					<div class="partner-item">
						<img src="assets/images/partner/partner-5.png" alt="partner-5">
					</div>
					<div class="partner-item">
						<img src="assets/images/partner/partner-6.png" alt="partner-6">
					</div>
				</div>
			</div>
		</div>
		<!--=== End Partner Section ===-->

		<!--=== Strt Footer Section ===-->
		<div
			class="container-bottom"
			style="
			/* display: flex;
			justify-content: center; */
			/* align-items: center; */
			text-align: center;
			background-size: cover;
			background-image: url('assets/images/container-bottom.png');
			"
		>
			<img
			class="container-bottom-img"
			style="width: 500px; margin-top: -60px"
			src="assets/images/logo1.png"
			alt=""
			/>
			<div style="color: #fff; margin-top: -110px; padding-bottom: 35px">
			<div>Saildefender Co.,Ltd</div>
			<div>Pudong Distirct ,Shanghai, China</div>
			<div>Mail: info@saildefender.com</div>
			</div>
		</div>
		<!--=== End Footer Section ===-->

        <!--=== JS Link ===-->
        <script src="assets/js/jquery.min.js"></script> 
        <script src="assets/js/bootstrap.bundle.min.js"></script>
		<script src="assets/js/jquery.meanmenu.js"></script>
		<script src="assets/js/owl.carousel.min.js"></script>
        <script src="assets/js/magnific-popup.min.js"></script>
        <script src="assets/js/counterup.min.js"></script>
        <script src="assets/js/waypoints.min.js"></script>
        <script src="assets/js/scrollcue.js"></script>
        <script src="assets/js/countdown.min.js"></script>
		<script src="assets/js/custom.js"></script>
    </body>
</html>
